<!DOCTYPE html>
<style>
.container{width:170px;height:19px}
.input{border:none; padding: 0; width: 100%; margin: 0; background-color: blue;}
.count{padding:0 8px 0 4px;}
</style>
<script src="../../resources/check-layout.js"></script>
<div class="container">
    <table cellpadding="0">
        <tr>
            <td>
                <input type="text" class="input">
            </td>
            <td class="count" data-expected-width=12></td>
        </tr>
    </table>
</div>
<p> crbug.com/497759: Cells with replaced content should get the right width. </p>
<div id="console"></div>
<script>
    checkLayout('.count', document.getElementById('console'));
</script>
